// 二级菜单
var ali=document.querySelectorAll(".menu-ul li");
var acont=document.querySelectorAll(".cont-list")
var ul=document.querySelector(".menu-ul")
var menu=document.querySelector(".menu")
console.log(acont.length)
// 绑定索引
for(i=0;i<ali.length;i++){
    ali[i].a=i;
}
// 要清除的上一个元素的索引
var prev=0;
// console.log(ali.length)
for(i=0;i<ali.length;i++){
    ali[i].onmouseover=function(){
        ali[prev].style.background="none";
        ali[this.a].style.background="#efefef";
        acont[prev].style.display="none";
        acont[this.a].style.display="block";
        prev=this.a
    }
    menu.onmouseleave=function(){
        // console.log(123)
        acont[prev].style.display="none";
        ali[prev].style.background="none"
    }
}


// 楼层
$(window).scroll(function(){
    if($(document).scrollTop()>400){
        $(".btns").show();
    }
    else{
        $(".btns").hide();
    }
})


$(".btns ul").children("li").click(function(){
    console.log($(this));
    console.log($(this).index());
    console.log($(".floor").eq($(this).index()))

    console.log($(".floor").eq($(this).index()).offset().top)

    $("html,body").stop().animate({
        scrollTop:$(".floor").eq($(this).index()).offset().top-120
    })

})


    // console.log($(document).scrollTop());
    $(document).scroll(function(){
        let res=$(this).scrollTop();
        console.log(res)
        if(600<res<1150){
            $(".btns ul").children("li").eq(1).css("background","red");
        }else if(res>1150||res<1590){
            $(".btns ul").children("li").eq(2).css("background","red");
        }else if(res>1590||res<2040){
            $(".btns ul").children("li").eq(3).css("background","red");
        }else if(res>2040||res<2510){
            $(".btns ul").children("li").eq(4).css("background","red");
        }else{
            $(".btns ul").children("li").css("background","#ddd");
        }

    })


// 添加头部
$(".headerBox").load("http://localhost:3000/public/header.html .zxt_header")
// 添加尾部
$(".footerBox").load("http://localhost:3000/public/header.html .zxt_footer")